<template>
<header>
  <div class="header-back">
  <span class="iconfont">&#xe618;</span>
  </div>
  <div class="header-serchs">
  <span class="iconfont">&#xe633;</span>输入城市/景点/游玩主题
  </div>
  <router-link to="city" tag="div" class="header-city">
{{ this.$store.state.curCity }}<span class="iconfont">&#xe6aa;</span>
  </router-link>
</header>
</template>
<script>
export default {
  name: 'HomeHeader'
}
</script>

<style lang="stylus" scoped="scoped">
  header
   width 100%
   background #00bcd4
   height 0.88rem
   display flex
   justify-content center
   align-items center
   .header-back
     padding-left 0.25rem
     color white
     width 0.88rem
   .header-serchs
     color lightgray
     flex 1
     border-radius 0.0625rem
     padding 0.16rem 0.1rem
     background white
   .header-city
     color white
     padding 0 0.22rem
</style>
